<template>
  <div>
    <!-- Suspense组件用于在等待某个异步组件解析时显示后备内容 -->
    <Suspense>
      <template #default>
        <asyncCop></asyncCop>
      </template>
      <template #fallback>
        <h3>稍等，加载中...</h3>
      </template>
    </Suspense>
  </div>
</template>

<script>
import { defineAsyncComponent } from 'vue';
const asyncCop = defineAsyncComponent(() => import('./asyncCop.vue')); //异步引入
export default {
  components: { asyncCop },
};
</script>

<style></style>
